<template>
	<view>
		<button type="primary"  @click="addLabel"> 添加配置</button>
		<button @click="open">打开弹窗</button>
		<uni-popup ref="popup" type="dialog">
			
		 <uni-popup-dialog mode="input" message="成功消息" :duration="2000" :before-close="true" @close="close" @confirm="confirm"></uni-popup-dialog>
		</uni-popup>
		<uni-list>
			<uni-list-item v-for=" item in label" :key="item.id" title="item.title"></uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				label:[]
			}
		},
		methods: {
			addLabel(){
				uni.showModal({
					title:'添加支出类型',
					showCancel:true,
					editable:true,
					
				})
			},
			 confirm(value) {
			            // 输入框的值
			            console.log(value)
			            // TODO 做一些其他的事情，手动执行 close 才会关闭对话框
			            // ...
			            this.$refs.popup.close()
			        },
			open(){
			        // 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
			        this.$refs.popup.open('top')
			      }
		},
		mounted() {
			
			//获取本地的配置
			 uni.getStorage({
			 	key:"outLabel",
				success: (res) => {
					this.label=JSON.parse(res)
					uni.showToast({
						title:'获取本地配置成功',
						icon:'success'
					})
				},
				fail:()=>{
					uni.showToast({
						title:'获取本地配置失败',
						icon:'error'
					})
				}
			 })
		}
	}
</script>

<style>

</style>
